<template>
    <div class="app-container">
      <tabs-view
        ref="tabsView"
        :headerList="headerList"
        :display-pag="true"
        :params="params"
        @tab-switch="tabSwitch"
        @get-list="getList"
      >
        <template slot="content">
          <div>
            <search-form :searchFormAction="searchFormAction" @search-submit="searchSubmit" />
          </div>
          <div>
            <el-table>
              <el-table-column label="序号" align="center" />
              <el-table-column label="项目名称" align="center" />
              <el-table-column label="项目类别" align="center" />
              <el-table-column label="审查类别" align="center" />
              <el-table-column label="具体审查类型" align="center" />
              <el-table-column label="审查方式" align="center" />
              <el-table-column label="裁决结果" align="center" />
              <el-table-column label="裁决时间" align="center" />
              <el-table-column label="裁决意见" align="center" />
            </el-table>
          </div>
        </template>
      </tabs-view>
    </div>
</template>

<script>
import TabsView from '../components/tabs-view'
import SearchForm from '../components/search-form'

export default {
  name: "reviewCommitteeList",
  components: {
    TabsView,
    SearchForm
  },
  data() {
    return {
      params: {},
      headerList: [
        { title: '已审查', index: 1, value: 0 },
        { title: '待审查', index: 2, value: 0 }
      ],
      searchFormAction: [
        {
          label: '项目名称',
          prop: 'projectName',
          placeholder: '',
          i18n: 'review-committee-list.project',
          type: 'input',
          dictData: [],
          l_weight: '80px',
          span: 5
        },
        {
          label: '裁决时间',
          prop: 'decideDate',
          placeholder: '',
          i18n: 'review-committee-list.decideDate',
          type: 'input',
          dictData: [],
          l_weight: '80px',
          span: 5
        }
      ]
    }
  },
  methods: {
    searchSubmit() {
      console.log('搜索')
    },
    tabSwitch(index) {
      console.log(index)
    },
    getList() {
      console.log('测试')
    }
  }
}
</script>

<style scoped>

</style>
